.hzdz-safety-gauge {
  transition: all 0.3s ease;
  padding: 10px;
  background: #0a0e13;
  .gauge-item {
    position: relative;

    .info {
      position: absolute;
      top: 60%;
      left: 50%;
      transform: translate(-50%, 0);
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .percentage-wrapper {
      padding: 0 10px;
      background: linear-gradient( 90deg, rgba(52,165,255,0) 0%, rgba(52,165,255,0.39) 27%, rgba(52,165,255,0.45) 51%, rgba(52,165,255,0.35) 79%, rgba(0,139,255,0) 100%);
      margin-bottom: 10px;
    }

    .percentage {
      font-weight: bold;
      font-size: 12px;
      background: linear-gradient(90deg, #FFFFFF 0%, #81C6FF 100%);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
    }

    .title {
      color: rgba(255,255,255,0.8);
    }
  }
}
